<template>
	<view >
		<li class="title">
	<text class="text">活动规则</text></li>
	<view class="content">
	<li class="li">1.为感谢广大消费者对优店品购平台多年的支持与热爱，优店品购官方联合众多商户为消费者提供免费领取商品或享受免费服务的福利，消费者可以通过分享跟好友邀请大家一起来参入的方式来获得商品或服务。
	</li >
	<li class="li">2.选择你心仪的商品或服务，邀请好友助力参入，只要在活动规定的时间内达到活动要求，填写好地址或联系方式，就可收到活动中的商品或服务。
	</li>
	<li class="li">3，申请活动人必须填写详细的收货地址与手机号码，没有以上资料就算达到活动要求，将无法为你发货或消费码。
	</li>
	<li class="li">4.拉入好友免费拿商品的活动，也可自己申请参加活动，不影响参加与申请同时进行。
	</li>
	<li class="li">5.如在活动要求的时间内没有完成活动要求的全部任务，活动结束后，前面所完成的任务都随活动结束，再次申请活动又按照新的任务需要重新完成。
    </li>
	<block v-if="free==1">
		<button style="border-radius:100px;border-color: #FFFFFF;" open-type="share">
		      
		马上分享
		</button>
	
	</block>
	</view>
	
    </view>
	
</template>

<script>
	export default {
		data() {
			return {
				free:0,
				recommendid:0,
				productname:'',
				
			}
		},
		onShareAppMessage(res) {
		      return {
		        title: '各位好朋友们，快来帮帮我【'+this.productname+'】免费拿回家'+'竟然可以免费拿🙏🙏🙏',
		        path: '/pages/user/setting/mobilebind?cid='+this.recommendid+'',
				success: function(res) {
				      // 转发成功，可以把当前页面的链接发送给后端，用于记录当前页面被转发了多少次或其他业务
				     
				    },
				    fail: function(res) {
				      // 转发失败
				    },
		      }
		},
		onLoad(option) {
			
			//option为object类型，会序列化上个页面传递的参数
			console.log(option.cid); //打印出上个页面传递的参数。
			console.log(option.free);
			console.log(option.productname);
			this.free = option.free==null?0:option.free;
			this.recommendid = option.cid==null?0:option.cid;
			this.productname = option.productname==null?'':option.productname;
		},

		methods: {
		}
	}		
				
</script>

<style  lang="scss">
	page{
		background-color: rgb(249, 151, 19);
	}
	.title {
		height: 100rpx;
		background-color: rgb(249, 151, 19);
		box-shadow: none;
		border-radius: 15rpx;
		line-height: 100rpx;
		list-style-position: middle;
		text-align:center;  /*水平居中*/
		.text{
			color: #555;
			border-bottom: 4upx solid #f06c7a;
			font-weight: 600;
			font-size: 50upx;
		}
		
	}
	.content {
		height: 100%;
		width: 100%;
		box-shadow: none;
		background-color: rgb(249, 151, 19);
		border-radius: 15rpx;

		.li {
			margin: 18upx;
			font-size: 32upx;
		}
	}
</style>
